<script setup lang="ts">
//@ts-ignore
import Header from '../components/Header.vue';
//@ts-ignore
import Hero from '../components/Hero.vue';
//@ts-ignore
import DestinationSection from '../components/DestinationSection.vue';
//@ts-ignore
import TourSection from '../components/TourSection.vue';
//@ts-ignore
import Footer from '../components/Footer.vue';
</script>

<template>
  <div class="home">
    <Header />
    <Hero />
    <div class="container">
      <DestinationSection />
      <TourSection />
    </div>
    <Footer />
  </div>
</template>

<style scoped>
.home {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}
</style> 